
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我刚在#问卷网#发现了一份"测试"调查的分析报告，推荐大家看看！</title>
<meta name="description" content="问卷调查《测试》的问卷调查报告被分享出来了，赶紧来看看！">
<link href="/static/css/result.css?v=dc2a7feeb2db11fb60e5aa8a2730893a" rel="stylesheet">
<script src="/static/js/jquery.js?v=7aa8158252cf79c03f55d0ca27f7842f"></script>
<script src="/static/js/report/report_share.js?v=a3c4b04182aa1cdcfab4c4c6ea5a31de"></script>
<script type="text/javascript" src="/static/js/base_utils.js?v=2ed053dda6765b622087bcd09ed87a9b"></script>
<script type="text/javascript" src="/static/js/tools.js?v=5d2c3f59e257951d3020a631a339dd18"></script>
<script src="/static/js/highcharts/highcharts.js?v=6eaca3a4828ec0f65c3d55cda2268a57"></script>
<script src="/static/js/highcharts/highcharts-more.js?v=c7af177b7f055aa2a91acf3c74ab4ae2"></script>
<script src="/static/js/highcharts/exporting.src.js?v=53cf7feb4091d8faf4a90736ae80151f"></script>
<style type="text/css">
body{margin: 0; padding: 0px;}
.jsboxContent{
border-radius:5px;
float:left;
background:#FFFFFF;
position: relative;
overflow-y:hidden;
overflow-x:hidden;
}
.pwd_win span{
line-height:36px;
display:block;
}
.pwd_win .pwd_title{
font-size:24px;
}
.pwd_win .pwd{
border:1px solid #77A5B4;
height:36px;
line-height:36px;
padding:2px;
font-size:18px;
width:350px;
margin:20px 0;
}
.WJButton {
font-weight:bold;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size:18px;
line-height: normal;
padding: .3em 2em .3em;
*padding: .6em 2em .3em;
padding: .6em 2em .3em \0;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
border:none;
}
/* orange */
.wj_orange {
color: #fef4e9;
background: #f78d1d;
}
.wj_orange:hover {
background: #f47c20;
}
.wj_orange:active {
color: #fcd3a5;
}
.red {
font-size:14px;
color:red;
padding-bottom:5px;
}
.popupCover,
.popupComponent {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.popupComponent {
z-index:1000;
display:none;
position:fixed;
top:0px;
left:0px;
}
.popupCover {
background:#fff;
}
.jsbox{
margin: 0;
padding: 0;
border-collapse: collapse;
position: absolute;
z-index:1300;
display:none;
border-radius:5px;
}
.jsboxContent{
border-radius:5px;
float:left;
background:#FFFFFF;
position: relative;
overflow-y:hidden;
overflow-x:hidden;
}
.footer_mini {
color: #828282;
font-size: 12px;
margin-top: 6px;
min-height: 100px;
min-width: 990px;
width: 100%;
}
.footer {
margin: 0 auto;
padding-top: 10px;
width: 983px;
}
.ma_auto {
float: none !important;
margin: 0 auto;
width: 165px;
}
.instructions {
color: #999999;
float: left;
margin: 0;
width: 100%;
}
.instructions div {
float: left;
}
.wjtext {
margin-top: 5px;
}
.wjtext a {
color: #1C6B85;
display: inline-block;
text-decoration:none;
margin: 0 2px;
}
.wjimg {
background: url("http://www.wenjuan.com/static/css/survey/../../images/wenjuan_logo_mini.png") no-repeat scroll 0 0 transparent;
height: 29px;
margin-left: 5px;
width: 45px;
}
.titlec h1{ font-weight:normal!important; font-size:21px!important;}
.clear:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.preview_model{
position:relative;
width:910px;
padding:15px 10px 10px 10px;
margin:0 auto;
background:#FDF9CD;
border-bottom:1px solid #DBDBDB;
border-left:1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
}
.preview_model .pre_l{ float:left; color: #FF6600;}
.preview_model .pre_r{ float:right; margin-right:40px;}
.preview_model .pre_r div{
float:left;
vertical-align:middle;
color:#1C658B;
}
.preview_model .pre_r i{
float:left;
width:13px;
height:13px;
background-image:url(http://www.wenjuan.com/static/css/survey/../../images/arrow_updowno.png);
background-repeat:no-repeat;
margin:3px 0 0 5px;
}
.preview_model .mobile_Code{ cursor:pointer;}
.preview_model .show_ewm{background-position:0 -35px;}
.preview_model .hide_ewm{background-position:0 0;}
.preview_model .preview_close{
position:absolute;
right:8px;
top:18px;
width:13px;
height:13px;
background-image:url(http://www.wenjuan.com/static/css/survey/../../images/arrow_updowno.png);
background-repeat:no-repeat;
background-position:0 -18px;
}
.preview_model .qrCode{
position:absolute;
top:40px;
right:28px;
padding:10px;
background:#fff;
border:1px solid #DBDBDB;
z-index:100px;
}
.preview_model .qrCode p{ padding:5px 0 0 5px; margin-top:2px;}
</style>
</head>
<body>

<form action="/report/ajax/chart_info/" method="POST" id="form_chart_info" callback="chart_info_callback">
<input type="hidden" name="project_id" value="53805f3df7405b4dda126bac">
<input type="hidden" name="question_id">
<input type="hidden" name="chart_type">
<input type="hidden" name="sort_type">
<input type="hidden" name="display_type">
<input type="hidden" name="chart_status">
<input type="hidden" name="table_status">
<input type="hidden" name="version">
<input type="hidden" name="max_seq" value="1">
<input type="hidden" name="_xsrf" value="2357e8046b4f4a208c93c6cb470959db"/></form>
<script type="text/javascript">
var chart_info_dict = {};
</script>
<div class="WJcontent">
<div class="titlec">

<h1 title="测试">测试</h1>
</div>


<div id="question_content_53805f4bf7405b4bc657ae19" onmouseover="chart_con_mouse_over(this);" onmouseout="chart_con_mouse_out(this);" class="ques mtop">
<div class="ansimg mtop">
<div class="anshead">
<span class="spanlh fL" title='单选题'>
Q1:单选题(多选题)
</span>
</div>
<div class="showimg">
<div class="chartdiv">
<div id="chart_div_53805f4bf7405b4bc657ae19" >

<div style="display:block; height:305px;" id="container_53805f4bf7405b4bc657ae19" >
加载中...
</div>

</div>
<div id="data_container_53805f4bf7405b4bc657ae19" class="chart_table" style="margin-top:2px;display:block;overflow-x:auto">

</div>
</div>
</div>
</div>
</div>

<div id="question_content_5405e178f7405b7527fe710e" onmouseover="chart_con_mouse_over(this);" onmouseout="chart_con_mouse_out(this);" class="ques mtop">
<div class="ansimg mtop">
<div class="anshead">
<span class="spanlh fL" title='矩阵多选题'>
Q2:矩阵多选题(矩阵多选题)
</span>
</div>
<div class="showimg">
<div class="chartdiv">
<div id="chart_div_5405e178f7405b7527fe710e" >

<div style="display:block; height:305px;" id="container_5405e178f7405b7527fe710e" >
加载中...
</div>

</div>
<div id="data_container_5405e178f7405b7527fe710e" class="chart_table" style="margin-top:2px;display:block;overflow-x:auto">

</div>
</div>
</div>
</div>
</div>

<div id="question_content_5405e17af7405b756f45ef03" onmouseover="chart_con_mouse_over(this);" onmouseout="chart_con_mouse_out(this);" class="ques mtop">
<div class="ansimg mtop">
<div class="anshead">
<span class="spanlh fL" title='矩阵打分题'>
Q3:矩阵打分题(矩阵打分题)
</span>
</div>
<div class="showimg">
<div class="chartdiv">
<div id="chart_div_5405e17af7405b756f45ef03" >

<div style="display:block; height:305px;" id="container_5405e17af7405b756f45ef03" >
加载中...
</div>

</div>
<div id="data_container_5405e17af7405b756f45ef03" class="chart_table" style="margin-top:2px;display:block;overflow-x:auto">

</div>
</div>
</div>
</div>
</div>


</div>
<div style="clear:both;"></div>
<div class="footer_mini">
<div class="footer">
<div class="instructions">
<div class="ma_auto">
<div class="wjtext">
<a href="http://www.wenjuan.com" target="_blank"> <font>问卷网</font>
</a>
<span>提供支持</span>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var total_q_num = 0;//总问题数
var question_list = [{'qid': '53805f4bf7405b4bc657ae19', 'qtype': 3, 'chart_type': 'column'}, {'qid': '5405e178f7405b7527fe710e', 'qtype': 5, 'chart_type': 'column'}, {'qid': '5405e17af7405b756f45ef03', 'qtype': 7, 'chart_type': 'line'}];
var project_id = "53805f3df7405b4dda126bac";
var view_version = "1";
var data_version = '1';
var chart_settings = {"5405e17af7405b756f45ef03": {"chart_status": "show_chart", "sort_type": "Keep", "chart_type": "line", "table_status": "show_table", "display_type": "show_value"}, "53fee49ff7405b7b0af8b771": {"table_status": "show_table", "chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_percent", "chart_type": "blank"}, "53805f72f7405b4de5454ec1": {"table_status": "show_table", "chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank"}, "54003375f7405b3aafbfacba": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank", "table_status": "show_table"}, "53fee4a1f7405b7c4941a012": {"chart_status": "show_chart", "sort_type": "Keep", "chart_type": "blank", "table_status": "show_table", "display_type": "show_value"}, "53805f4bf7405b4bc657ae19": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "column", "table_status": "show_table"}, "5405e178f7405b7527fe710e": {"table_status": "show_table", "chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "bar"}, "53805f6bf7405b4dda126bb3": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank", "table_status": "show_table"}, "53fee44cf7405b7c724d6911": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank", "table_status": "show_table"}, "53fee44bf7405b7a7ee22e70": {"chart_status": "show_chart", "sort_type": "Keep", "chart_type": "blank", "table_status": "show_table", "display_type": "show_value"}};
$(function(){
//关闭头部提示
$('.preview_close').click(function() {
$(this).parent().hide();
});
//页面初始化时默认显示第一题
var question_id = question_list[0].qid;
total_q_num = question_list.length;
//如果数据库中有记录则采用数据库配置信息来显示,否则按照默认初始值显示
if(chart_settings&&chart_settings[question_id]&&chart_settings[question_id].chart_type!=''&&chart_settings[question_id].display_type!=''&&chart_settings[question_id].sort_type!=''&&chart_settings[question_id].chart_status!=''&&chart_settings[question_id].table_status!='')
{
var chart_type = chart_settings[question_id].chart_type;
var display_type = chart_settings[question_id].display_type;
var sort_type = chart_settings[question_id].sort_type;
var chart_status = chart_settings[question_id].chart_status;
var table_status = chart_settings[question_id].table_status;
//二次检查，防止数据出错
if(chart_type=='blank')
{
if(question_list[0].qtype==2)
chart_type = 'pie';
if(question_list[0].qtype==3||question_list[0].qtype==5)
chart_type = 'column';
if(question_list[0].qtype==7||question_list[0].qtype==50||question_list[0].qtype==60)
chart_type = 'line';
if(question_list[0].qtype==4)
chart_type = 'stackcolumn';
}
show_chart_and_table(question_id,chart_type,sort_type,display_type,chart_status,table_status,view_version);
//控制图表和数据表隐藏显示
elememts_deal(question_id, chart_status);
elememts_deal(question_id, table_status);
}
else
{
var chart_type = question_list[0].chart_type;
//此处加入判断是为了将默认显示第一个若为柱状则改为条形，这样比较美观
if (chart_type == "column")
chart_type = "bar";
if(chart_type == "stackcolumn")
chart_type = "stackbar";
var display_type = "show_value";
//单选题默认显示百分比
if(question_list[0].qtype == 2)
display_type = "show_percent";
show_chart_and_table(question_id,chart_type,"Keep",display_type,"show_chart","show_table",view_version);
}
total_q_num = total_q_num - 1;
//然后侦听滚动条事件进行滚动显示
$(window).scroll(function(){
var bodyHeight = $('body').height();
var wHeight = $(window).height();
var scrollT = $(this).scrollTop();
var scrollB = bodyHeight - (scrollT + wHeight);
var standarDis = 500*total_q_num;
if(scrollB<standarDis&&total_q_num>0)
{
var que = question_list[question_list.length-total_q_num];
if(chart_settings&&chart_settings[que.qid]&&chart_settings[que.qid].chart_type!=''&&chart_settings[que.qid].display_type!=''&&chart_settings[que.qid].sort_type!=''&&chart_settings[que.qid].chart_status!=''&&chart_settings[que.qid].table_status!='')
{
var chart_type = chart_settings[que.qid].chart_type;
var display_type = chart_settings[que.qid].display_type;
var sort_type = chart_settings[que.qid].sort_type;
var chart_status = chart_settings[que.qid].chart_status;
var table_status = chart_settings[que.qid].table_status;
//二次检查，防止数据出错
if(chart_type=='blank')
{
if(que.qtype==2)
chart_type = 'pie';
if(que.qtype==3||que.qtype==5)
chart_type = 'column';
if(que.qtype==7||que.qtype==50||que.qtype==60)
chart_type = 'line';
if(que.qtype==4)
chart_type = 'stackcolumn';
}
show_chart_and_table(que.qid,chart_type,sort_type,display_type,chart_status,table_status,view_version);
//控制图表和数据表隐藏显示
elememts_deal(que.qid, chart_status);
elememts_deal(que.qid, table_status);
}
else
{
var chart_type = que.chart_type;
//此处加入判断是为了将默认显示第一个若为柱状则改为条形，这样比较美观
if (chart_type == "column")
chart_type = "bar";
if(chart_type == "stackcolumn")
chart_type = "stackbar";
//有图表类型的时候才需要发送请求
// if(chart_type !="")
// {
//单选题默认显示百分比
display_type = "show_value";
if(que.qtype == 2)
display_type = "show_percent";
show_chart_and_table(que.qid,chart_type,"Keep",display_type,"show_chart","show_table",view_version);
// }
}
total_q_num = total_q_num - 1;
}
});
})
</script>
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=3&amp;pos=right&amp;uid=6699519" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
var bds_config={"bdTop":203};
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->
</body>
</html>
